<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>watermark-simple</title>
</head>
<body>
  <div style="width: 1300px;margin: 0 auto;text-align: center">
    <p style="font-size: 24px;">测试页面-watermark-simple</p>
    <p>
      <a style="cursor: pointer;border: 1px solid #5579ee;padding: 6px 16px" id="remove-watermark">移除水印</a>
      <a style="cursor: pointer;border: 1px solid #5579ee;margin-left: 40px;padding: 6px 16px" id="add-watermark">添加某块水印</a>
    </p>
    <a title="songEagle" href="http://www.chengxinsong.cn" target="_blank">
      <img style="width: 800px;" title="songEagle" src="http://static.chengxinsong.cn/image/watermark/fire_bird.png?width=800">
    </a>
    <p>
      <a style="font-size: 24px;" href="https://github.com/saucxs/watermark-dom" target="_blank">watermark源代码</a>
    </p>
    <div style="margin-top: 100px" id="watermark-parent">
      <h1>测试数据</h1>
      <div>
        <p>测试数据</p>
        <img title="songEagle" src="http://static.chengxinsong.cn/image/watermark/hat.png?width=1000">
        <div>
          <p>saucxs，测试数据</p>
          <div>
            <p>hhhhhhh</p>
            <p>
              <span>哈哈哈哈哈哈哈哈哈哈或或或或哈哈哈哈哈哈哈哈哈哈或或或或哈哈哈哈哈哈哈哈哈哈或或或或哈哈哈哈哈哈哈哈哈哈或或或或</span>
            </p>
            <p>哈哈哈哈哈哈哈哈哈哈或或或或哈哈哈哈哈哈哈哈哈哈或或或或哈哈哈哈哈哈哈哈哈哈或或或或</p>
            <p>测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<!--水印的js源码文件-->
<script src="../watermark.js"></script>
<script src="./index.js"></script>
</html>
